<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style rel="stylesheet">
        body{
            margin: 0 auto;
            padding: 0;
        }
        #container{
            width: 100%;
            height: 100vh;
        }
    </style>
</head>
<body>
    <div id="container"></div>

<script type="text/javascript">
    window._AMapSecurityConfig = {
        securityJsCode: "2e22e243be2fa622fd966f4955210f5d",
    };
</script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=7aaf26da13d69a606ee76b8560ea4dcb"></script>
<script type="text/javascript">
    //这里的代码默认执行
    var map = new AMap.Map("container", {
        zoom: 18,
        center:[121.474805,31.237220]
    });

    //设置定位
    function setLocation(lon,lat){
        map.setZoomAndCenter(18,[lon,lat])//重新设置地图中心点

        //设置当前中心点的标记
        var marker = new AMap.Marker({
            map:map,
            icon:"https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png",
            position:[lon,lat]
        })
        map.add(marker)//添加标记
        //地图新增插件能力：搜素
        map.plugin(['AMap.PlaceSearch'],()=>{
            //创建搜索功能对象
            var MSearch  = new AMap.PlaceSearch({
                map: map, //对应地图
                pageSize: 4,//每页条数
                pageIndex: 1,//第几页
                extensions: "base"//扩展能力：基本的
            })
            //监听 监听搜素完成后执行回调
            AMap.Event.addListener(MSearch,"complete",(res)=>{
                //调用鸿蒙方法传回res
                window.swift9.receiveNearPlace(JSON.stringify(res.poiList.pois))
            })
            //执行搜素附近的位置，关键词“"停车场”，中心点[lon,lat]
            MSearch.searchNearBy("停车场",[lon, lat])
        })

    }

    //当页面正式加载完毕执行设置定位的方法
    window.onload = ()=>{
        //调用鸿蒙端，代理注册过来的函数
        window.swift9.setCurrentLocation()
       
    }



</script>



</body>
</html>